<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src='bundle.js'></script>
	<style>
	.box{
       width:250px;
       height:300px;
	   margin:80px auto;
	   text-align:center;
	   position: relative;
    }
	.box .left{
        position: absolute;
    	left: 0;
    	top: 125px;
    }
    .box .right{
    	position:absolute;
    	right: 0;
    	top:125px;
    }

	</style>
</head>
<body>
	<!-- tab切换 -->
	<div class="box" id="box1">
		 <input type="button" value="按钮1" class="active">
		 <input type="button" value="按钮2">
		 <input type="button" value="按钮3">
		 <div class="show">111</div>
		 <div>222</div>
		 <div>333</div>
	</div>

	<!-- 自动播放切换 -->
	 <div class="box" id="box2">
			 <input type="button" value="按钮1" class="active">
			 <input type="button" value="按钮2">
			 <input type="button" value="按钮3">
			 <div class="show">111</div>
			 <div>222</div>
			 <div>333</div>
		</div>

	<!-- tab切换 -->
	 <div class="box" id="box3">
		 <input type="button" value="按钮1" class="active">
		 <input type="button" value="按钮2">
		 <input type="button" value="按钮3">
		 <div class="show">111</div>
		 <div>222</div>
		 <div>333</div>
		 <span class='left'> < </span>
		 <span class='right'> > </span>
	</div>
</body>
</html>